<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
		<title> Formulario </title> 
		<! Ejercicio Validacion Formularios >
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<link rel="stylesheet" type="text/css" href="css/estilos.css" media="screen" />
        <script type="text/javascript">
                function validacion() {
			
				var texto = document.getElementById("nombre").value;
                                var pass = document.getElementById("password").value;
                                var edad = document.getElementById("edad").value;
                               
                         // comprueba que el campo NOMBRE no esta vacío
				if ( texto == null || texto.length == 0 || /^\s+$/.test(texto) ) {
					alert("Error -- El campo nombre no se ha introducido");
					return false;
				}
			// comprueba que el campo CONTRASEÑA no esta vacío	
				
				else if ( pass == null || pass.length == 0 || /^\s+$/.test(pass) ) {
					alert("Error -- El campo Contraseña esta vacio");
					return false;
				}
			// comprueba que el campo EDAD no esta vacío y es numero
				
				else if (isNaN(edad) || edad == null || edad.length == 0 || /^\s+$/.test(edad)) {
					alert("Error -- En Edad no has introducido un numero");
					return false;
				}
                                  else {
                                    alert("Formulario correctamente validado");
                                    return true;
                                }
            }
            </script>
                                    
	</head>
		 
	<body>
		<h2> Formulario de alta </h2>
		<form onsubmit="validacion();" action="registro.php" method="post" name="formulario" > 
		<ul>
		<li class="izquierda">
		<label class="titulo" for="Nombre">Nombre </label> <br/>
			<input type="text" id="nombre" name="nombre" value="" size="10" maxlength="30" /> 
			<br />
			<label class="titulo" for="Password">Contraseña</label> <br/>
			<input type="password" id="password" name="password" value="" size="10" maxlength="10" /> 
			<br />
			<label class="titulo" for="edad">Edad</label> <br/>
			<input type="text" id="edad" name="edad" value="" size="2" maxlength="3" /> 
			<br />
				

			<input type="submit" name="enviar" value="Enviar" />
                </li>
                </ul>
		</form>
    <p><a href="formulario_registro.html">Recargar</a></p>
	</body>
</html>
